<%-- 
    Document   : index
    Created on : 26/05/2014, 09:11:54 PM
    Author     : Wiland
--%>

<%@page import="javax.lang.model.element.Element"%>
<%@page import="javax.jws.soap.SOAPBinding.Style"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" href="css/demo.css">




        <script  type="text/javascript">
            function inicio() {
                $('.overlay-container').fadeIn(function() {

                    window.setTimeout(function() {
                        $('.window-container.' + 'zoomin').addClass('window-container-visible');
                    }, 100);

                });

                return false;
            }



        </script>







        <title>CINTBEL</title>
    </head>
    <body>


        <%

            int act = 1;

        %>



        <style type="text/css">

            td{
                height: 30px;

            }

        </style>


        <link rel="stylesheet" href="css/includes/MenuA.css">

        <div id="header">
            <div id="usu-info">
                <table>
                    <tr>
                        <td ><img src="images/usuario.png" width="25px" height="25px"></td>
                        <td id="id" onclick="inicio();">Bienvenido, <strong>Invitado</strong></td>
                    </tr>
                </table>
            </div>
            <div id="logo">
                <img src="images/CINTBEL.png" id="logo-img">
            </div>
            <div id="menu">
                <table>
                    <tr>
                        <td <%= (act == 1) ? "class='active'" : ""%>><a href="../../CINTBEL/index.jsp" >INICIO</a></td>
                        <td <%= (act == 2) ? "class='active'" : ""%>><a href="../../CINTBEL/pages/Administracion.jsp"  >ADMINISTRACIÓN</a></td>
                        <td <%= (act == 3) ? "class='active'" : ""%>><a href="../../CINTBEL/pages/calendario.jsp " >CALENDARIO</a></td>
                        <td <%= (act == 4) ? "class='active'" : ""%>><a href="#" >INSCRIPCIONES</a></td>
                        <td <%= (act == 5) ? "class='active'" : ""%>><a href="#" >CONTACTO</a></td>
                    </tr>
                </table>
            </div>



        </div>



        <%--<%@include file="includes/menu.jsp?active=1" %>--%>
        <br>
        <br>
        <br>
        <br>
        <br>



        <script>!window.jQuery && document.write(unescape('%3Cscript src="css/jquery-1.7.1.min.js"%3E%3C/script%3E'))</script>
        <script type="text/javascript" src="css/demo.js"></script>





        <br>
        <div id="cursos" style="float: left; width:15%;">
            <ul>
                <%
                    for (int i = 0; i < 10; i++) {
                %>
                <li style="margin-left:30px; margin-top: 20px; "><a onclick="inicio();">Hola <%= i%></a></li>
                <br>
                <%
                    }
                %>
            </ul>
        </div>

        <div style=" float: right; width: 83% ;margin-top: -40px; padding: 3px;">

            <%
                int t1 = 10;
                int t2 = 65;
                int tamaño = 300;
                boolean r = true;
                for (int i = 0; i < 10; i++) {
                    if (i % 2 == 0) {%>
            <div style="float: left; width: 47.5%; margin-top: <%=t1%>px; margin-left: 10px; height: <%=tamaño%>px; background-color: #e7eaef; padding: 4px;">
                <b><%="Titulo"%></b>
                <br>
                <%="descripcion"%>
            </div>
            <%
            } else {
            %>
            <div style="float: right; width: 47.5%; margin-top: <%=t2%>px; margin-right: 10px ;height: <%=tamaño%>px; background-color: #e7eaef; padding: 4px;">
                <b><%="Titulo"%></b>
                <br>
                <%="descripcion"%>
            </div>
            <%
                        if (r) {
                            r = false;
                            t2 = 10;
                        }
                    }
                }
            %>
        </div>

        <jsp:include page="pages/includes/Inicio.jsp" />

    </body>
</html>
